<html>
<head>
   <style type="text/css">
<!--
img { border:none;size: auto; }
#footer { margin-top: 1em; }
#filelist { margin: 1em 0.5em; table-layout: fixed;color: blue;}
#filelist th { background-color: #E5ECF9;color: blue;}
#filelist th, #filelist td { padding: 2px; overflow:hidden;color: blue;}
#filelist a:link,a:ACTIVE {color: blue;}
.even { background-color: paleGoldenRod; }
-->
    </style>
<style type="text/css"><!--
  body,td,div,p,a,font,span {color:#FFFFFF;font-family: arial,sans-serif;}
  body {margin-top:2}.c {width:4; height: 4} 
  body { background-color:#000000 } 
  A:link {color:#FFFFFF; } 
  A:visited { color:#FFFFFF; }
  A:active { color:#FFFFFF; }
  .title {
    font-size: 2em;
  }
  

  .author {
    font-size: 1.1em;
    padding-left: 50px;
  }
  .section-title {
    margin:20px 0 5px 0;
    font-size: 1.1em;
    clear:both;
  }
  
  
  .section-logo {
  float:left;
  }
  .footer {
    margin-top:20px;
    font-size: 1.1em;
  }
  
  iframe {background-color:#000000}
--></style>
</head>
<body>
<center>
<table cellpadding="10px">
<tr>
<td width="450" valign="top">

<a href="/"><img src="/static/images/logo.gif" align="left"></a>
<div align="right" style="font-size: xx-small">visitor:<a href="http://www.amazingcounter.com"><img border="0" src="http://cb.amazingcounters.com/counter.php?i=2474447&c=7423654" alt="Dream Weaver Hit Counter"></a><br>
<a href="{%url upload.views.outer_heaven%}">Outer Heaven</a>
</div>
<div class="title">
 Lighting your life ~<br>
</div>
<div class="author">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;by Lin Cong
</div>

<div class="clear"></div>
<p>&nbsp;</p>
<div class="section-title">
<img src="/static/images/1.gif" align="absmiddle" alt="1">&nbsp;Watch-it
</div>

<div width="425" height="355">
{% if displayFile %}
		<img id="displayImage" src="{%url upload.views.show_albumentry displayFile.key%}" alt="双击打开图片"  border="0" ondblclick="javascript:window.location='/album?key={{displayFile.key}}'" onload="javascript:if(this.width>420)this.width=420"/>
		<form id="email_form" action="{%url upload.views.share displayFile.key%}" enctype="multipart/form-data" method="post">
	        {{email_form.as_p}}
	        <div><input type="submit" value="Share with your friend" /></div>
      	</form>
{% else %}
<img id="displayImage" src="/static/images/new_album.JPG" alt="双击打开图片"  border="0" ondblclick="javascript:window.location='/album?key={{displayFile.key}}'" onload="javascript:if(this.width>420)this.width=420"/>
{% endif %}
{% if user.is_authenticated %}
      <form id="upload_form" action="{%url upload.views.albumentry%}" enctype="multipart/form-data" method="post">
		{{form.as_p}}
        <div><input type="submit" value="Upload" /></div>
      </form>
      <div>
      {% autoescape off %}
		{{ sign_link|fix_ampersands }}
	  {% endautoescape  %}
	  </div>
{% else %}
      <p><b>Login required to upload. {% autoescape off %} {{ sign_link|fix_ampersands }}{% endautoescape %}</b></p>
{% endif %}
    
     {% if filelist %}
    <table id="filelist" width=425px>
      <tr>
        <th width="5%">No.</th>        
        <th width="5%">DL</th>
        <th width="25%">Picture</th>
        <th width="10%">Size</th>
        <th width="10%">Date</th>
        <th width="25%">File</th>
        <th width="20%">Delete</th>
      </tr>
      {% for file in filelist %}
        <tr style="background-color: paleGoldenRod;">
          <td width="5%">{{ forloop.counter }}</td>          
          <td width="5%"><a href="{%url upload.views.download_albumentry file.key%}">[DL]</a></td>
          <td width="25%" nowrap><img src="{%url upload.views.show_icon file.key%}" alt="双击打开图片"  border="0" ondblclick="javascript:window.location='/album?key={{file.key}}'" onload="javascript:if(this.width>120)this.width=120"/>
		  </td>
          <td width="10%">{{ file.size|filesizeformat }}</td>
          <td width="10%%">{{ file.creationDate|date:"Y-m-d H:i:s" }}</td>
          <td nowrap width="25%">{{ file.name|escape }}</td>
          <td width="20%">
          {% ifequal user.email file.author.email %}
          	<a href="{%url upload.views.delete_albumentry file.key%}">Delete</a>
          {% else %}
          	{% if user.is_superuser %}
          		<a href="{%url upload.views.delete_albumentry file.key%}">Delete</a>
          	{% endif %}
          {% endifequal %}
          </td>
        </tr>
      {% endfor %}
    </table>
    {% endif %}
</div>

</td>
<td width="350" valign="top">

<div class="section-title">

<img src="/static/images/2.gif" align="absmiddle" alt="2">&nbsp;Sign-in
</div>
<!-- Include the Google Friend Connect javascript library. -->
				<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
				
				<!-- Define the div tag where the gadget will be inserted. -->
				<div id="div-1229484990808" style="width:292px;border:none ;height: 200;"></div>
				<!-- Render the gadget into a div. -->
				<script type="text/javascript">
				var skin = {};
				skin['HEIGHT'] = '215';
				skin['BORDER_COLOR'] = '#cccccc';
				skin['ENDCAP_BG_COLOR'] = '#e0ecff';
				skin['ENDCAP_TEXT_COLOR'] = '#333333';
				skin['ENDCAP_LINK_COLOR'] = '#0000cc';
				skin['ALTERNATE_BG_COLOR'] = '#ffffff';
				skin['CONTENT_BG_COLOR'] = '#ffffff';
				skin['CONTENT_LINK_COLOR'] = '#0000cc';
				skin['CONTENT_TEXT_COLOR'] = '#333333';
				skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
				skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
				skin['CONTENT_HEADLINE_COLOR'] = '#333333';
				google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
				google.friendconnect.container.renderMembersGadget(
				 { id: 'div-1229484990808',
				   site: '04285780928799042890'},
				  skin);
				</script>
 
<div class="clear"></div> 
<br>

<div class="section-title">
<img src="/static/images/3.gif" align="absmiddle" alt="3">&nbsp;Critique-it
</div>


 <!-- Reviews Gadget -->
 
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>

<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-1229877104429" style="width:292px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['DEFAULT_COMMENT_TEXT'] = '- add your review here -';
skin['HEADER_TEXT'] = 'Ratings';
skin['POSTS_PER_PAGE'] = '6';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
{% if displayFile %}
	docId="{{displayFile.key}}"
{%else%}
	docId="displayImage"
{%endif%}

google.friendconnect.container.renderReviewGadget(
 { id: 'div-1229877104429',
   site: '04285780928799042890',
   'view-params':{"disableMinMax":"false","scope":"ID","allowAnonymousPost":"true","docId":docId,"startMaximized":"true"}
},
  skin);
</script>

</td>
</tr>
<tr>
<td colspan="2">
<div class="footer">
&copy; Lin Cong 2008
</div>
</td>
</tr>
</table>
</center>
</body>
</html>

